<div ng-init="init();" class="kmi-layout-content SMT20-content">
    <!-- SMT 產品送修 -->
    <div class="kmi-header-row">
        <div class="kmi-side-btn left" ng-click="back();">
            <i class="material-icons">&#xE408;</i>
            <div class="kmi-can-click"></div>
        </div>
        <div class="header-title" ng-bind="'SMT20.title' | translate"></div>
        <div class="header-logo"></div>
    </div>
    <div class="kmi-layout-main-content">
        <div class="kmi-layout-page">
            <!-- 產品序號 product_serialNumber_panel -->
            <div class="product_serialNumber_panel">
                <div class="serialNumber_panel">
                    <!-- 左半邊 -->
                    <div class="top-panel ">
                        <!-- 產品序號 -->
                        <div class="kmi-text-fields inner-content">
                            <label class="label" ng-bind="'SMT20.list1.product_serial_no' | translate"></label>
                            <input ng-keypress="input_barcode_no($event);" ng-model="barcode_no" id="barcode_no"/>
                            <div class="tip qrcode" ng-click="QRCodeScanner();">
                                <img src="image/icons/QRCode.png">
                            </div>
                        </div>
                    </div>
                    <!-- 右半邊 -->
                    <div class="top-panel">
                        <div class="kmi-text-fields inner-content">
                            <div class="kmi-text-fields top-content-data">
                                <!-- 托盤數（Tray 數）： -->
                                <label class="label fixed-width" ng-bind="'SMT20.list1.tray_qty' | translate"></label>
                                <input readonly class="value" ng-model="setting_data.tray_qty" ng-click="input_tray_qty($event)" ng-disabled='packing_detail.length > 0'></input>
                            </div>
                            <div class="kmi-text-fields top-content-data">
                                <!-- 滿箱數： -->
                                <label class="label fixed-width" ng-bind="'SMT20.list1.fullfill_qty' | translate"></label>
                                <input readonly class="value" ng-model="setting_data.fullfill_qty" ng-click="input_fullbox_qty($event)" ng-disabled='packing_detail.length > 0'></input>
                            </div>
                        </div>
                    </div>  
                </div>
            </div>
            <!-- 產品基本資料 product_basicData_panel  -->
                <div class="basicData_panel" ng-class="[isClose?'is-close':'']">
                    <div class="trigger-btn-fields">
                        <div class="close-btn" ng-click="isClose = !isClose">
                            <i class="material-icons closeIcon">remove</i>
                            <i class="material-icons openIcon">add</i>
                            <div class="kmi-can-click" style="z-index: 1;"></div>
                        </div>
                    </div>
                    <div class="basicData">
                        <div class="kmi-text-fields content-data">
                            <!-- 產品編號： -->
                            <label class="label fixed-width" ng-bind="'SMT20.list1.product_no' | translate"></label>
                            <label class="value" ng-bind="product_ver"></label>
                        </div>
                        <div class="kmi-text-fields content-data">
                            <!-- 產品名稱： -->
                            <label class="label fixed-width" ng-bind="'SMT20.list1.product_name' | translate"></label>
                            <label class="value" ng-bind="product_name"></label>
                        </div>
                        <div class="kmi-text-fields content-data">
                            <!-- 規格： -->
                            <label class="label fixed-width" ng-bind="'SMT20.list1.product_spec' | translate"></label>
                            <div class="value" ng-bind="item_spec"></div>
                        </div>
                    </div>
                </div>
            <!-- 裝箱清單 -->
            <div class="product_repairReason_panel">
                <div class="kmi-list column-selector" column-selector-id="" style="border-radius: 0 0 6px 6px;">
                    <div class="kmi-list__header">
                        <div class="kmi-list__column" style="flex: 0 0 40px"></div>
                        <!-- 順序 -->
                        <div class="kmi-list__column" style="flex: 0 0 40px" ng-bind="'SMT20.list2.order' | translate"></div>
                        <!-- 產品序號 -->
                        <div class="kmi-list__column" style="flex: 1;" ng-bind="'SMT20.list2.product_no' | translate"></div>
                        <!-- 生產批號-->
                        <div class="kmi-list__column" style="flex: 1;" ng-bind="'SMT20.list2.lot_no' | translate"></div>
                        <!-- 刪除 -->
                        <!-- <div class="kmi-list__column" style="flex: 1;" ng-bind="'SMT20.list2.delete' | translate"></div> -->
                    </div>
                    <div class="kmi-list__row-content">
                        <div class="kmi-list__row" ng-repeat="item in packing_detail">
                            <div class="kmi-list__column column-border" style="flex: 0 0 40px;">
                                <button class="mdl-button mdl-button--icon" ng-click="removeRow(item);">
                                    <img src="image/icons/delete.png"></img>
                                </button>
                            </div>
                            <!-- 順序 -->
                            <div class="kmi-list__column column-border" style="flex: 0 0 40px;" ng-bind="item.seq"></div>
                            <!-- 產品序號 -->
                            <div class="kmi-list__column column-border" style="flex: 1;" ng-bind="item.pcs_no"></div>
                            <!-- 生產批 -->
                            <div class="kmi-list__column column-border" style="flex: 1;" ng-bind="item.lot_no"></div>
                            <!-- 刪除-->
                            <!-- <div class="kmi-list__column column-input column-border" style="flex: 1;"></div> -->
                        </div>
                    </div>
                </div>
            </div>
            <!-- 底下資訊 -->
            <div class="btn_panel">
                <!-- tray數 -->
                <div class="kmi-text-fields bottom-data">
                    <label class="label fixed-width" ng-bind="'SMT20.list1.tray_qty' | translate"></label>
                    <label class="value" ng-bind="data_counting.total_tray_num"></label>
                </div>
                <!-- 總數 -->
                <div class="kmi-text-fields bottom-data">
                    <label class="label fixed-width" ng-bind="'SMT20.list3.total_no' | translate"></label>
                    <label class="value" ng-bind="data_counting.total_list_num"></label>
                </div>
                <!-- 剩餘數 -->
                <div class="kmi-text-fields bottom-data">
                    <label class="label fixed-width" ng-bind="'SMT20.list3.remain_no' | translate"></label>
                    <label class="value" ng-bind="data_counting.remain_num"></label>
                </div>
                <div class="kmi-text-fields bottom-data">
                        <div class="kmi-button kmi-button-confrim" style="width:100px" ng-click="confirm();">
                        <label ng-bind="'SMT20.list3.send_without_hesitate' | translate"></label>
                        <div class="kmi-can-click"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
